.ant-spin {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: #475669;
	font-size: 14px;
	font-variant: tabular-nums;
	line-height: 1.5;
	list-style: none;
	font-feature-settings: "tnum";
	position: absolute;
	display: none;
	color: #04cb94;
	text-align: center;
	vertical-align: middle;
	opacity: 0;
	transition: transform .3s cubic-bezier(.78, .14, .15, .86)
}

.ant-spin-spinning {
	position: static;
	display: inline-block;
	opacity: 1
}

.ant-spin-nested-loading {
	position: relative
}

.ant-spin-nested-loading>div>.ant-spin {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	display: block;
	width: 100%;
	height: 100%;
	max-height: 400px
}

.ant-spin-nested-loading>div>.ant-spin .ant-spin-dot {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px
}

.ant-spin-nested-loading>div>.ant-spin .ant-spin-text {
	position: absolute;
	top: 50%;
	width: 100%;
	padding-top: 5px;
	text-shadow: 0 1px 2px #fff
}

.ant-spin-nested-loading>div>.ant-spin.ant-spin-show-text .ant-spin-dot {
	margin-top: -20px
}

.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-dot {
	margin: -7px
}

.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-text {
	padding-top: 2px
}

.ant-spin-nested-loading>div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot {
	margin-top: -17px
}

.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-dot {
	margin: -16px
}

.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-text {
	padding-top: 11px
}

.ant-spin-nested-loading>div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot {
	margin-top: -26px
}

.ant-spin-container {
	position: relative;
	transition: opacity .3s
}

.ant-spin-container:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	display: none\9;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
	transition: all .3s;
	content: "";
	pointer-events: none
}

.ant-spin-blur {
	clear: both;
	overflow: hidden;
	opacity: .5;
	user-select: none;
	pointer-events: none
}

.ant-spin-blur:after {
	opacity: .4;
	pointer-events: auto
}

.ant-spin-tip {
	color: #475669
}

.ant-spin-dot {
	position: relative;
	display: inline-block;
	font-size: 20px;
	width: 20px;
	height: 20px
}

.ant-spin-dot-item {
	position: absolute;
	display: block;
	width: 9px;
	height: 9px;
	background-color: #04cb94;
	border-radius: 100%;
	transform: scale(.75);
	transform-origin: 50% 50%;
	opacity: .3;
	animation: antSpinMove 1s linear infinite alternate
}

.ant-spin-dot-item:first-child {
	top: 0;
	left: 0
}

.ant-spin-dot-item:nth-child(2) {
	top: 0;
	right: 0;
	animation-delay: .4s
}

.ant-spin-dot-item:nth-child(3) {
	right: 0;
	bottom: 0;
	animation-delay: .8s
}

.ant-spin-dot-item:nth-child(4) {
	bottom: 0;
	left: 0;
	animation-delay: 1.2s
}

.ant-spin-dot-spin {
	transform: rotate(45deg);
	animation: antRotate 1.2s linear infinite
}

.ant-spin-sm .ant-spin-dot {
	font-size: 14px;
	width: 14px;
	height: 14px
}

.ant-spin-sm .ant-spin-dot i {
	width: 6px;
	height: 6px
}

.ant-spin-lg .ant-spin-dot {
	font-size: 32px;
	width: 32px;
	height: 32px
}

.ant-spin-lg .ant-spin-dot i {
	width: 14px;
	height: 14px
}

.ant-spin.ant-spin-show-text .ant-spin-text {
	display: block
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
	.ant-spin-blur {
		background: #fff;
		opacity: .5
	}
}

@keyframes antSpinMove {
	to {
		opacity: 1
	}
}

@keyframes antRotate {
	to {
		transform: rotate(405deg)
	}
}
.css-loading{
		background-color: #FFFAFA;
		height: 100%;
		width: 100%;
		position: fixed;
		z-index: 1;
		margin-top: 0px;
		top: 0px;
}
.loader {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	vertical-align: middle;
	margin-left: calc(50% - 26px);
	/*margin-top: 100px;*/
}

.loader-circles {
	border-radius: 50px;
	border: 2px solid transparent;
	border-top-color: #6FD3B3;
	animation: spin .6s linear infinite
}

.loader-circles:before,
.loader-circles:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50px;
	border: 2px solid transparent;
	border-top-color: rgba(111, 211, 179, .8);
	opacity: .8;
	animation: spinreverse .4s linear infinite
}

.loader-circles:before {
	top: 12px;
	left: 12px;
	bottom: 12px;
	right: 12px;
	border-top-color: rgba(111, 211, 179, .6);
	animation: spinreverse 1.2s linear infinite
}

@keyframes spin {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg)
	}
}

@keyframes spinreverse {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(-360deg)
	}
}

.css-loading-center{
		width: 100%;
		height: 100%;
		position: relative;
		}
	.css-loading-center-absolute {
		position: absolute;
		left: 50%;
		top: 45%;
		height: 200px;
		width: 200px;
		margin-top: -100px;
		margin-left: -100px;
		-ms-transform: rotate(-135deg); 
	   	-webkit-transform: rotate(-135deg); 
	    transform: rotate(-135deg);
	}
	.css-object{

		-moz-border-radius: 50% 50% 50% 50%;
		-webkit-border-radius: 50% 50% 50% 50%;
		border-radius: 50% 50% 50% 50%;
		position: absolute;
		border-bottom: 3px solid transparent;
		border-right: 3px solid transparent;
		
		-webkit-animation: animate 2s infinite;
		animation: animate 2s infinite;	

		}
	.css-object_one{
		left: 75px;
		top: 75px;
		width: 20px;
		height: 20px;
		border-top: 3px solid rgba(111,211,179,.8);
		border-left:  3px solid rgba(111,211,179,.8);
		}
								
	.css-object_two{
		left: 65px;
		top: 65px;
		width: 40px;
		height: 40px;
		-webkit-animation-delay: -0.2s;
	    animation-delay: 0.2s;
		border-top: 3px solid rgba(111,211,179,.8);
		border-left:  3px solid rgba(111,211,179,.8);
		}
			
	.css-object_three{
		left: 55px;
		top: 55px;
		width: 60px;
		height: 60px;
		-webkit-animation-delay: -0.4s;
	    animation-delay: 0.4s;
		border-top: 3px solid rgba(111,211,179,.8);
		border-left:  3px solid rgba(111,211,179,.8);
		}
	.css-object_four{
		left: 45px;
		top: 45px;
		width: 80px;
		height: 80px;
		-webkit-animation-delay: -0.6s;
	    animation-delay: 0.6s;
		border-top: 3px solid #6FD3B3;
		border-left:  3px solid #6FD3B3;
		
		}	

	@-webkit-keyframes animate {
	 

	50% {

		-ms-transform: rotate(360deg) scale(0.8); 
	   	-webkit-transform: rotate(360deg) scale(0.8); 
	    transform: rotate(360deg) scale(0.8); 
	  }
	}

	@keyframes animate {
		
	50% {

		-ms-transform: rotate(360deg) scale(0.8); 
	   	-webkit-transform: rotate(360deg) scale(0.8); 
	    transform: rotate(360deg) scale(0.8); 
	  }	
	}

	.layui-table-init {
		display: none!important;
	}
	.load_hide {
		display: none;
	}